*{margin: 0;padding: 0}
li{list-style: none}
@rem:1/75rem;
body{
  background: #eee;
}
.note-con{
  width: 10rem;
  height: auto;
}
.note-main{
  width: 100%;
  height: 525*@rem;
  background: #fff;
}
.main-tit{
  width: 100%;
  padding-top: 50*@rem;
  h1{
    color: #f05c5c;
    font-size: 80*@rem;
    font-family: PingFang-SC;
    text-align: center;
    font-weight: normal;
  }
  p{
    width: 100%;
    font-size: 24*@rem;
    text-align: center;
    color: #999999;
    font-family: PingFang-SC;
  }
}
.main-con{
  height: auto;
  overflow: hidden;
  margin-left: 40*@rem;
  padding-bottom: 25*@rem;
  li{
    float: left;
    margin: 25*@rem 45*@rem;
    width: 240*@rem;
    height: 100*@rem;
    background: url("../../../img/app/workspace/duihuanbg.png") no-repeat;
    background-size:100% 100%;
    h1{
      color: #ffad2c;
      font-size:35*@rem;
      text-align: center;
      font-weight: normal;
      height: 66*@rem;
      line-height: 66*@rem;
    }
    p{
      font-weight: normal;
      font-size: 20*@rem;
      text-align: center;
      color: #fff;
      height: 30*@rem;
      line-height: 30*@rem;
    }
  }
}
.note-ruler{
  padding: 100*@rem 30*@rem;
  h1{
    font-weight: bold;
    font-size: 24*@rem;
    color: #f05c5c;
    margin-bottom: 10*@rem;
  }
  p{
    font-size: 24*@rem;
    color: #666;
    line-height: 35*@rem;
  }
}